<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>React Demo</title>
</head>
<body>
  <div id="div1"></div>
  <!-- 先引入核心库 -->
  <script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
  <!-- 然后引入dom操作 -->
  <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
  <script>
    let contetn = 'offcn';
    let markLabel = React.createElement('mark',null,'hello');
    ReactDOM.render(
      // React.createElement('h1', null, 'hello react'),document.getElementById('div1')
      // React.createElement('h1', null, contetn),document.getElementById('div1')
      // render的两个参数，第一个是元素；第二个渲染的位置，类似vue的挂载
      // createElement的三个参数，第一个是标签名；第二个是属性，class要写成className；第三个是内容，可以是字符串或者变量
      React.createElement('h1', {id:'h1','className':'h1'},markLabel),
      document.getElementById('div1')
    )
  </script>
</body>
</html>